<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单和表单控件</title>
</head>
<body>
    <!--
        type 属性： 表单控件的类型
            text： 文本框
            password： 密码框
            radio： 单选框
            checkbox： 复选框
            reset：  重置按钮
            submit： 提交按钮
        placeholder： 提示信息
        name 属性： 表单控件的名称
        value 属性： 默认值，用于发送的值
        readonly： 只读
        disabled： 禁用
        checked 属性： 单选框和复选框 默认选中
        selected 属性：下拉框 默认选中

        action 属性： 表单提交的地址
    -->
<form action="https://www.baidu.com">
    文本框：<input type="text" placeholder="请输入文本" name="user">
    <br>
    密码框：<input type="password" placeholder="请输入xx" name="pwd" value="123456">
    <br>
    <!-- 通过name将多个单选控件设置为一组 value表示当后期提交的时候，发送的值 -->
    单选框：<input type="radio" name="r" value="1" checked>A <input type="radio" name="r" value="2">B
    <br>
    复选框：<input type="checkbox" name="c" value="A" checked>A <input type="checkbox" name="c" value="B" checked>B
    <br>
    下拉框：<select name="year">
        <option value="0">2001</option>
        <option value="1" selected>2002</option>
        <option value="2">2003</option>
    </select>
    <br>
    文本域：<textarea name="beizhu" cols="60" rows="10" placeholder="请输入备注"></textarea>
    <br>
    <!-- 提交按钮和重置按钮需要结合表单才会生效 -->
    <!-- 提交按钮 -->
    <input type="submit" value="登录">
    <!-- 重置按钮 -->
    <input type="reset" value="恢复">
</form>
</body>
</html>